@charset "utf-8";

/*Main Layout*/
* {color: white; font-family:Arial, Helvetica, sans-serif; font:Arial, Helvetica, sans-serif;}
*  a img{text-decoration: none; border: 0px;}
body { margin: 0px; padding: 0px; outline: 0px; background:url(../img/layout/dark-pattern-033.gif) repeat;}
.wrapper {width: 1000px;  margin:0 auto; background:url(../img/layout/Background2.jpg) no-repeat; min-height: 1539px; border: 1px solid black;}

.header {margin-top: 27px;; background:url(../img/layout/Back%20Menu%20Chinh%20Shape.png) no-repeat; height: 184px;}
.main-body{min-height: 1250px; background:url(../img/layout/body-background.png) repeat-y; margin: 20px 0px 20px 25px; width: 945px; overflow: hidden;}
.main-body-index {min-height: 900px; background-image:none; }
.banner-space{margin-top: 350px;}
.footer {bottom: 0px; position:relative;}
/*End Layout*/

/*Header Layout*/
.logo {position: absolute; margin-left: 123px;}
.menu-container{ background: url(../img/layout/Menu%20Chinh%20-%20Copy.png) no-repeat; height: 43px;}
.field-holder {position: absolute; margin: 8px 0px 0px 835px; width: 148px; height: 29px; background:url(../img/layout/Search%20Frame3732.png); border: 0px; text-indent: 14px; }
.field-holder input {border: 0px; margin: 5px 0px 0px 0px; width: 105px; background: none; }
.menu-text {position: absolute; margin-left: 365px; width: 450px; height: 30px; line-height: 24px;}
.menu-text ul {list-style-type: none; float: left; margin-left: -50px;}
.menu-text ul li { float:left; display:inline; padding-left: 10px; margin-left: 10px; margin-top: -13px; border-left: 2px outset #333;}
.menu-text ul li:first-child {border-left: none;}
.menu-text ul li a { text-decoration: none; font-size: 14px;}
/*End Header Layout*/

/*Left Body Layout*/
.main-body-left {float: left; width: 195px;}
.cate-head {background: url(../img/layout/menu%20shape%201.png) no-repeat; height: 31px; text-indent: 20px; line-height: 30px; font-size:13px; font-weight: bold;}
.cate-list {}
.cate-list ul {list-style-type: none; margin-top: -5px;}
.cate-list ul li {font-size: 12px; padding: 2px;}
.cate-list ul li:first-child {padding-top: 20px;}
.cate-list ul li a {text-decoration: none; display: block; text-indent: 5px; height: 20px; line-height: 20px;}
.cate-list ul li a:hover, .active {background:url(../img/layout/menu%20shape%201.png) no-repeat}
/*End Left Body Layout*/

/*Right Body Layout*/
.main-body-right {float: right; width: 750px; min-height: 500px;}
.top-thumbnail {overflow: hidden; height: auto;}
.top-thumbnail img {}
.top-thumbnail img a {text-decoration: none;}

.thick-margin {margin-top: 50px;}
.thin-margin {margin-top: 25px;}

.middle-banner {margin-top: 50px; width: 655px}
.middle-body{overflow: hidden;}
.banner-wrapper {width: 750px; height: 420px; position: absolute; margin: -100px auto 0px auto; left: 0px; right: 0px;}
.banner {width: 750px; margin:auto; padding: auto;}
.banner div {margin: 0px; padding: 0px; display: inline;}



.bx-next {position: absolute; right: -25px; top: 200px;}
.bx-prev {position: absolute; left: -15px; top: 200px;}

.product-container {float:left; margin: 0px 6px 6px 0px; width: 178px; height: 243px; overflow: hidden;}
.product-text {text-align:center; margin-top: 3px; overflow: hidden;}
.product-text a {text-decoration: none; font-size: 13px;}
.deco-image {position: absolute; left: 0px; bottom: 0px;}
.detail-text {float: right; text-align:left; margin-left: 10px; line-height: 22px; width: 285px;}
.name-text {font-size: 18px; font-weight: bold;}
.price-text {color:#C06;}
.detail-header {font-weight: bold;}
.thumb-block {float: left; clear: both}
.thumb-block a img {border: 0px; text-decoration: none; margin: 10px 5px 0px 0px;}
.acc {overflow: hidden;}
/*End Right Body Layout*/

.paging {height: 30px; line-height: 30px; background:url(../img/layout/body-background.png) repeat-y; text-indent: 10px;}
.paging a {text-decoration: none;}
.paging-text {border: 1px solid #999; margin-left: 3px; margin-right: 3px; padding: 0px 4px 0px 4px;}
.current{background: #000;}

/*Footer Layout*/
.footer {margin: 20px 0px 20px 25px; background: url(../img/layout/bottom%20shape.png) no-repeat; width: 945px; height: 47px; text-align: right; line-height: 20px; font-size: 12px;}
/*End Footer Layout*/

/*Common Class*/
.box-head {width: 100%; text-indent: 20px; line-height: 24px; height: 30px; font-size:16px; font-weight: bold;}
.box {width: 100%; height: 100%;}
.right{float: right;}
.left{float: left}
.hasBackground {background:url(../img/layout/body-background.png) repeat-y;}
/*End Common Class*/

